<template>
	<view class="content">
		<view class="checkingList">
			<view class="msg" v-for="item in warningList">
				<!-- //左图 -->
				<view class="">
					<image src="../../../static/image/common/banner2.png"></image>
					<view class="img_span">
						库存不足
					</view>
				</view>
				<!-- //右 -->
				<view class="right">
					<view class="shop_msg">
						<view class="span">牛宝小蛋荷兰牛栏深度水解奶粉...</view>
						<view class="num">数量：10</view>
					</view>
					<button class="report" type="default" @click="toCreate()">申请补货</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				warningList:[{},{},{}]
			}
		},
		onLoad() {

		},
		methods: {
			toCreate:function(){
				uni.navigateTo({
					url:'../schedulingRecord/createDispatch'
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.content{
		width: 750rpx;
		height: auto;
		background:rgba(247,247,247,1);
	}
	.checkingList {
		margin-top: 40rpx;

		.msg {
			width: 746rpx;
			height: 220rpx;
			color: rgba(80, 80, 80, 1);
			background:rgba(255,255,255,1);
			font-size: 28rpx;
			line-height: 150%;
			text-align: center;
			margin-bottom: 10rpx;
			margin-left: 2rpx;
			display: flex;

			image {
				width:200rpx;
				height:200rpx;
				background:rgba(0,0,0,1);
				opacity:0.8;
				margin: 18rpx 20rpx 0 14rpx;
			}
			.img_span{
				font-size:26rpx;
				font-family:PingFang SC;
				font-weight:bold;
				color:rgba(255,255,255,1);
				position: relative;
				top: -132rpx;
				left: 0rpx;
			}
			.right {
				display: flex;
				margin: 18rpx 0 0 0;

				.span {
					width: auto;
					height: 60rpx;
					font-family:PingFang SC;
					font-weight:bold;
					color:rgba(51,51,51,1);
					font-size: 20rpx;
					text-align: left;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
					margin-bottom: 50rpx;
				}

				.num {
					width: 320rpx;
					height: 42rpx;
					color: rgba(233, 39, 39, 1);
					font-size: 28rpx;
					line-height: 42rpx;
					text-align: left;
				}

				.report {
					width:160rpx;
					height:60rpx;
					background:rgba(1,153,254,1);
					border-radius:30rpx;
					position: relative;
					font-size:26rpx;
					line-height:60rpx;;
					font-family:PingFang SC;
					font-weight:bold;
					color:rgba(255,255,255,1);
					top: 120rpx;
					right: 20rpx;
				}
			}
		}
	}
</style>
